<!DOCTYPE html>
<html lang="en">
   <head>
       <meta charset="utf-8" />
       <link rel="stylesheet" href="css/zy4.css" />
       <link rel="shortcot icon" href="pic/05.ico" />
       <title>表单项</title>
   </head>
   <body>
       <div class="dbg">
           <div class="kbja"></div>
           <div class="tyi">
               <img src="picture/top-1.png" alt="">
            </div>
       <div class="ziyi">
<!-- 第一排文字位置 -->
            <div class="ziyiz"><span style="color: orange">HOME</span><img src="picture/top-5.png" alt=""></div>
            <div class="ziyiz"><span>FEATURES</span><img src="picture/top-4.png" alt=""></div>
            <div class="ziyiz"><span>FASHION</span></div>
            <div class="ziyiz"><span>LIFESTYLE</span></div>
            <div class="ziyiz"><span>TRAVEL</span></div>
            <div class="ziyiz"><span>DIV</span></div>
            <div class="ziyiz"><span>CONTACT</span></div>
       </div>
       <div class="ter">
           <img src="picture/top-2.png" alt="">
        </div>
        <div class="kbjb"></div>
    <div class="cbz">


        <div class="cbgl">
<!-- 长背景左边图片  354-->          
            <div class="cbgltyi"><img src="picture/m-7.png" alt=""></div>
            <div class="cbglzyi">
                <div class="cbglziyi">
                    <span>LIFESTYLE</span>
                </div>
            </div>
            <div class="cbglkyi">
                <div class="cbglerlzerl">
                    <div class="cbglerlzierl"><span>EASY LEMON-PIE RACIPE</span></div>
                </div>
                    <div class="cbglerlzsan">
                       <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                    </div>
            </div>
            <!-- 左边可重复部分 -->
            <div class="cbgler">
                <div class="cbglerl">
                    <!-- 可重复的小左部分 157-->
                    <div class="cbglerlt"><img src="picture/lg_1.png" alt=""></div>
                    <div class="cbglerlz">
                        <div class="cbglerlzi"><span>RACIPE</span></div>
                    </div>
                    <div class="cbglerlzer">
                        <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
                    </div>
                        <div class="cbglerlzsan">
                           <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                        </div>
                    </div>
                <!-- 右边 -->
                <div class="cbglerr">
                    <!-- 右边可重复的小部分 -->
                    <div class="cbglerlt"><img src="picture/m-2.png" alt=""></div>
                    <div class="cbglerlz">
                        <div class="cbglerlzi"><span>RACIPE</span></div>
                    </div>
                    <div class="cbglerlzer">
                        <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
                    </div>
                        <div class="cbglerlzsan">
                           <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                        </div>
                </div>
           </div>
 <!-- 第三层开始位置 -->
 <!-- 左边可重复部分 -->
 <div class="cbgler">
        <div class="cbglerl">
            <!-- 可重复的小左部分 157-->
            <div class="cbglerlt"><img src="picture/m-3.png" alt=""></div>
            <div class="cbglerlz">
                <div class="cbglerlzi"><span>TRAVEL</span></div>
            </div>
            <div class="cbglerlzer">
                <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
            </div>
                <div class="cbglerlzsan">
                   <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                </div>
            </div>
        <!-- 右边 -->
        <div class="cbglerr">
            <!-- 右边可重复的小部分 -->
            <div class="cbglerlt"><img src="picture/m-4.png" alt=""></div>
            <div class="cbglerlz">
                <div class="cbglerlzi"><span>MUSIC</span></div>
            </div>
            <div class="cbglerlzer">
                <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
            </div>
                <div class="cbglerlzsan">
                   <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                </div>
        </div>
   </div>
   <!-- 第四层开始位置 -->
     <!-- 左边可重复部分 -->
     <div class="cbgler">
            <div class="cbglerl">
                <!-- 可重复的小左部分 157-->
                <div class="cbglerlt"><img src="picture/m-5.png" alt=""></div>
                <div class="cbglerlz">
                    <div class="cbglerlzi"><span>FOOD</span></div>
                </div>
                <div class="cbglerlzer">
                    <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
                </div>
                    <div class="cbglerlzsan">
                       <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                    </div>
                </div>
            <!-- 右边 -->
            <div class="cbglerr">
                <!-- 右边可重复的小部分 -->
                <div class="cbglerlt"><img src="picture/m-6.png" alt=""></div>
                <div class="cbglerlz">
                    <div class="cbglerlzi"><span>MUSIC</span></div>
                </div>
                <div class="cbglerlzer">
                    <div class="cbglerlzier"><span>EASY LEMON-PIE RACIPE</span></div>
                </div>
                    <div class="cbglerlzsan">
                       <div class="cbglerlzisan"><span>NOV 12，2015</span></div>
                    </div>
            </div>
       </div>
       <!-- 左边最下层文字部分59 -->
        <div class="cbglzsi">
            <div class="cbglzisi"><span>LOAD MORE</span></div>
        </div>
        </div>



        <div class="cbgr">
<!-- 长背景右边图片 162-->
           <!-- 橘色文字可重复 -->
           <div class="cbgrzyi">
                 <span>ABOUT ME</span>
           </div>
           <div style="height: 29px;"></div>
           <div class="cbgrtyi"><img src="picture/r-1.png" alt=""></div>
           <div class="cbgrzer">
               <!-- 这里还有一大团字 -->
               <div style="height: 27px;"></div>
               <div class="cbgrzery">
<pre>
 Duis autemvel eum irlure dolor in hend inre vulpullei-
  tate velltesse molestie consequat, tevellphone dolore
 eufedasd feugiat nyllafacilisis at praesent vero eros et
  accumsan et iusto auodio dignissim qublandit  luptatum
 zzril delenlt augue duis dolore tel feuglt nullalfacili-
            si. Nam liber tempor cum soluta
</pre>
               </div>
           </div>
           <div class="cbgrter">
               <img src="picture/r-2.png" alt="">
           </div>
           <div style="height: 86px;"></div>
           <div class="cbgrzyi">
            <span>RECENT POSTS</span>
           </div>
           <div class="cbgrzsan">
               <!-- 这里又有一大团字 -->
               <div style="height: 44px;"></div>
               <div class="cbgrzsany">
                    <span>TYRE NON HABENT CLARITATEM INSITAM</span>
               </div>
               <div style="height: 21px;"></div>
               <div style="height: 1px; background: #f2f0db;"></div>
               <div style="height: 23px;"></div>
               <div class="cbgrzsany">
                <span>MIRUM EST HABENT QUAM LITTERA GOTHICA</span>
               </div>
               <div style="height: 8px;"></div>
               <div class="cbgrzsany">
                <span>QUAM NUNC PUTAMUS PARUM CLARAM</span>
               </div>
               <div style="height: 19px;"></div>
               <div style="height: 1px; background: #f2f0db;"></div>
               <div style="height: 23px;"></div>
               <div class="cbgrzsany">
                <span>FIANT SOLLEMNES IN FUTURUM</span>
               </div>
               <div style="height: 19px;"></div>
               <div style="height: 1px; background: #f2f0db;"></div>
               <div style="height: 23px;"></div>
               <div class="cbgrzsany">
                <span>UT WISI ENIM AD MINIM VENIAM, QUIS</span>
               </div>
               <div style="height: 8px;"></div>
               <div class="cbgrzsany">
                <span>NOSTRUD EXERCI TATION</span>
               </div>
               <div style="height: 19px;"></div>
               <div style="height: 1px; background: #f2f0db;"></div>
               <!-- 字完 -->
           </div>
           <div class="cbgrtsan">
               <img src="picture/r-3.png" alt="">
           </div>
           <div style="height: 31px"></div>
           <div class="cbgrzyi">
            <span>SUBSCRIBE</span>
           </div>
           <div style="height: 15px"></div>
           <div class="cbgrsou">
                <input type="text" placeholder="  Emall address">
                <button>GO</button>
           </div>
           <div style="height: 34px"></div>
           <div class="cbgrtsi">
               <img src="picture/r-5.png" alt="">
           </div>
           <div style="height: 25px;"></div>
           <div class="cbgrtsi">
            <img src="picture/r-6.png" alt="">
           </div>
           <div style="height: 57px"></div>
           <div class="cbgrzyi">
            <span>TAG CLOAD</span>
           </div>
           <div style="height: 12px"></div>
           <div style="height: 160px">
               <div class="cbgrzb">
                   <div class="cbgrzib"><span>FASHION</span></div>
                   <div class="cbgrzib"><span>RACIPE</span></div>
                   <div class="cbgrzib" style="margin-right: 0px;"><span>DIY</span></div>
               </div>
               <div class="cbgrzb">
                   <div class="cbgrzib" style="width: 172px;"><span>TECHNOLGY</span></div>
                   <div class="cbgrzib" style="width: 166px; margin-right: 0px;"><span>TRAVEL</span></div>
               </div>
               <div class="cbgrzb">
                   <div class="cbgrzib" style="width: 165px;"><span>LIFESTYLE</span></div>
                   <div class="cbgrzib" style="width: 91px;"><span>ART</span></div>
               </div>
           </div>
        
        </div> 
    </div>



        <div class="bobg">
<!-- 底部六张图片 -->
<div class="bobgtop"><img src="picture/lg_7.png" alt=""></div>
            <div class="bobgt"><img src="picture/lg_1.png" alt=""></div>
            <div class="bobgt"><img src="picture/m-5.png" alt=""></div>
            <div class="bobgt"><img src="picture/lg_3.png" alt=""></div>
            <div class="bobgt"><img src="picture/lg_4.png" alt=""></div>
            <div class="bobgt"><img src="picture/lg_5.png" alt=""></div>
            <div class="bobgt"><img src="picture/lg_6.png" alt=""></div>
        </div>
        <div class="bozi">
            <!-- 最底部文字 -->
            <div class="boziyi"><span>&copy; 2015 ALL RIGHTS RESERVED</span></div>
        </div>
       </div>
   </body>
</html>